<template>
  <div class="yingmoo-column yingmoo-partner">
    <div class="column-navbar grey">
      <h1 class="column-title">
        <img class="column-icon" src="../assets/ym-index/icon-yun1.png" />
        <span class="column-name">战略合作伙伴</span>
        <img class="column-arrow" src="../assets/ym-index/bg-arrow.png" />
      </h1>
    </div>
    <div class="column-content clearfix">
      <a :href="v.contentLink" v-for="(v,i) in list" :key="i">
      	<img width="111px" height="36px" :src="v.contentImg" />
      </a>
    </div>
  </div>
</template>

<script>
export default {
	data(){
		return{
			requestAddr:this.GLOBAL.addr,
			list:[]
		}
	},
	mounted(){
		this.getList();
	},
	methods:{
		getList:function(){
	  		this.$http({
					url: this.requestAddr+"/GetJson/get/partner",
					method: 'JSONP',
				    headers: {'Content-Type': 'application/x-www-form-urlencoded'},
					jsonp: 'callbackparam'
				}).then(res => {
					if(res.data != null){
						this.list = res.data;
					}
				}).catch()
		}
	}
}
</script>

<style scoped lang="less">
.yingmoo-partner {
  margin-bottom: 0;
  .column-content {
    padding: 16px 0 16px 16px;
    a{
      float: left;
      margin-right: 6px;
    }
    img{
      display: block;
    }
  }
}
</style>
